<h3>Account Information</h3>

<table>
    <tr>
        <td>First name:</td>
        <td><label>
            <input type="text" name="firstName" th:value="${session.loginAccount.firstName}">
        </label></td>
    </tr>
    <tr>
        <td>Last name:</td>
        <td><label>
            <input type="text" name="lastName" th:value="${session.loginAccount.lastName}">
        </label></td>
    </tr>
    <tr>
        <td>Email:</td>
        <td><label>
            <input type="text" name="email" th:value="${session.loginAccount.email}">
        </label></td>
    </tr>
    <tr>
        <td>Phone:</td>
        <td><label>
            <input type="text" name="phone" th:value="${session.loginAccount.phone}">
        </label></td>
    </tr>
    <tr>
        <td>Address 1:</td>
        <td><label>
            <input type="text" name="address1" th:value="${session.loginAccount.address1}">
        </label></td>
    </tr>
    <tr>
        <td>Address 2:</td>
        <td><label>
            <input type="text" name="address2" th:value="${session.loginAccount.address2}">
        </label></td>
    </tr>
    <tr>
        <td>City:</td>
        <td><label>
            <input type="text" name="city" th:value="${session.loginAccount.city}">
        </label></td>
    </tr>
    <tr>
        <td>State:</td>
        <td><label>
            <input type="text" name="state" th:value="${session.loginAccount.state}">
        </label></td>
    </tr>
    <tr>
        <td>Zip:</td>
        <td><label>
            <input type="text" name="zip" th:value="${session.loginAccount.zip}">
        </label></td>
    </tr>
    <tr>
        <td>Country:</td>
        <td><label>
            <input type="text" name="country" th:value="${session.loginAccount.country}">
        </label></td>
    </tr>
</table>

<h3>Profile Information</h3>


<table>
    <tr>
        <td>Language Preference:</td>
        <td>
            <label>
                <select name="languagePreference">
                    <option value="english" th:if="${session.loginAccount.languagePreference.equals('english')}" th:text="'selected'">English</option>
                    <option value="chinese" th:if="${session.loginAccount.languagePreference.equals('chinese')}" th:text="'selected'">Chinese</option>
                </select>
            </label>
        </td>
    </tr>
    <tr>
        <td>Favourite Category:</td>
        <td>
            <label>
                <select name="favouriteCategoryId" >
                    <option value="FISH" th:if="${session.loginAccount.favouriteCategoryId.equals('FISH')}" th:text="'selected'">Fish</option>
                    <option value="DOGS" th:if="${session.loginAccount.favouriteCategoryId.equals('DOGS')}" th:text="'selected'">Dogs</option>
                    <option value="REPTILES" th:if="${session.loginAccount.favouriteCategoryId.equals('REPTILES')}" th:text="'selected'">Reptiles</option>
                    <option value="CATS" th:if="${session.loginAccount.favouriteCategoryId.equals('CATS')}" th:text="'selected'">Cats</option>
                    <option value="BIRDS" th:if="${session.loginAccount.favouriteCategoryId.equals('BIRDS')}" th:text="'selected'">Birds</option>
                </select>
            </label>
        </td>
    </tr>
    <tr>

        <td>Enable MyList</td>
        <td>
            <label>
                <input type="radio" name="listOption" value="1" th:if="${session.loginAccount.listOption}">yes
                <input type="radio" name="listOption" value="0" th:if="${session.loginAccount.listOption}">no
            </label>
        </td>
    </tr>
    <tr>
        <td>Enable MyBanner</td>
        <td>
            <label>
                <input type="radio" name="bannerOption" value="1" th:if="${session.loginAccount.bannerOption}" th:text="'checked'">yes
                <input type="radio" name="bannerOption" value="0" th:if="${session.loginAccount.bannerOption}" th:text="'checked'">no
            </label>
        </td>
    </tr>

</table>


